<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>满屋花</title>
<style>
	*{margin:0; padding:0; font-size:12px;}
	* a:hover{ position:relative; bottom:1px; right:1px;}
	body{background-color:#FFD8D9;}
	#w1{ width:700px; height:1000px; margin:0 auto;}
	#w2{ width:700px; height:153px; margin-bottom:1px;}
		#w2 ul{ list-style:none;}
		#w2 li{ float:left; width:100px; text-align:center;}
		#w2 a{ text-decoration:none; line-height:33px; color:#430B0E; background-image:url(img/button1.jpg); display:block;}
		#w2 a:hover{background-image:url(img/button1_bg.jpg); position:relative; bottom:1px; right:1px;}
	#w3{ width:180px; height:900px; float:left;  background-color:#FFF; background-image:url(img/leftbottom.jpg); background-repeat:no-repeat; background-position:bottom;}
		#w3 #n1{width:180px; background-color:#FFF; text-align:center;}
		#w3 ul{ list-style:none;}
		#w3 .txtStyle{width:100px; border-style:none; border-bottom: solid 1px #000000;}
		#w3 li{ margin-top:5px;}
		#w3 .btnStyle{width:40px;}
		#w3 a{text-decoration:none; color:#000;}
		#n22 a:hover{color:#F00;}
		#w3 #n22{width:150px; margin:0 auto;}
			#n22 h3{background-color:#FCD2D1; margin-top:5px;}
			#n22 li{margin-top:1px; border-bottom:dashed 1px; text-decoration:none; background-image:url(img/icon1.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px; line-height:25px; font-size:+1;}
	#w4{ width:518px;float:left; margin-left:2px;}
        #n42{background-color:#FFF; width:518px; height:330px;}
		#n42 ul{text-align:center;}
		#n4 li{float:left; padding:1.25px; list-style:none;}
		#n42 li{float:left; padding:10px; list-style:none;}
		#n42 a{text-decoration:none; color:#000;}
        #n42{margin-bottom:5px;}
		#n43{background-color:#FFF; width:518px; height:150px; margin-bottom:5px;}
		#n43 li{float:left; padding:10px; list-style:none;}
		#n43 a{text-decoration:none; color:#000;}
		#n43 ul{text-align:center;}
		#n44{background-color:#FFF; width:518px; height:168px; text-align:center;}
		#n44 li{float:left; padding:10px; list-style:none; background-image:url(img/icon2.gif); background-repeat:no-repeat; background-position:left center; margin-left:30px; line-height:5px; text-align:left; width:200px;}
		#n44 a{text-decoration:none; color:#000;}
		#n44 ul{text-align:center;}
</style>
</head>

<body>
<div id="w1">
    <div id="w2">
    	<div><img src="img/banner.jpg" width="700" height="120" /></div>
                <ul>
                    <li><a href="#">鲜花礼品</a></li>
                    <li><a href="#">自助订花</a></li>
                    <li><a href="#">绿色植物</a></li>
                    <li><a href="#">花之物语</a></li>
                    <li><a href="#">会员中心</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">支付方式</a></li>
                </ul>
    </div>
	<div id="w3">
    	<div id="n1">
        	<div id="n11"><img src="img/login.jpg" width="180" height="50" /></div>
            <div id="n12">
            	  <form action="#" method="post" name="frmLogin">
                    <ul>
                        <li>用户:
                            <input name="txtUsername" type="text" class="txtStyle" />
                        </li>
                        <li>密码:
                            <input name="txtPwd" type="password" class="txtStyle" />
                        </li>
                        <li>
                            <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
                            <input name="btnReg" type="button" value="注册" class="btnStyle" />
                            <a href="#">忘记密码</a>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
      <div id="n2">
        	<div><img src="img/category.jpg" width="180" height="50" /></div>
            <div id="n22">
            		<h3>用途</h3>
                <ul>
                    <li><a href="#">爱情鲜花</a></li>
                    <li><a href="#">生日送花</a></li>
                    <li><a href="#">新年鲜花</a></li>
                    <li><a href="#">家庭用花</a></li>
                    <li><a href="#">亲情用花</a></li>
                    <li><a href="#">道歉鲜花</a></li>
                    <li><a href="#">开业花篮</a></li>
                    <li><a href="#">会议用花</a></li>
                </ul>
                <h3>花材</h3>
                <ul>
                    <li><a href="#">玫瑰花</a></li>
                    <li><a href="#">百合花</a></li>
                    <li><a href="#">郁金香</a></li>
                    <li><a href="#">太阳花</a></li>
                    <li><a href="#">康乃馨</a></li>
                    <li><a href="#">马蹄莲</a></li>
                    <li><a href="#">扶朗</a></li>
                    <li><a href="#">剑兰</a></li>
                </ul>
                <h3>价格</h3>
                <ul>
                    <li><a href="#">100～200元</a></li>
                    <li><a href="#">200～300元</a></li>
                    <li><a href="#">300～400元</a></li>
                    <li><a href="#">400～500元</a></li>
                    <li><a href="#">500～600元</a></li>
                    <li><a href="#">600～800元</a></li>
                    <li><a href="#">800元以上</a></li>
                </ul>
            </div>
      </div>
   </div>
	<div id="w4">
    	<div id="n4">
        	<div><img src="img/recommend.jpg" width="518" height="33"  alt=""/></div>
   		  <ul>
              <li><a href="#"><img src="img/news1.jpg" width="170" height="107"  alt=""/></a></li>
              <li><a href="#"><img src="img/news2.jpg" width="170" height="107"  alt=""/></a></li>
              <li><a href="#"><img src="img/news3.jpg" width="170" height="107"  alt=""/></a></li>
        	</ul>
        </div>
      <div id="n41">
   		  <div><img src="img/recommend.jpg" width="518" height="33"  alt=""/></div>
          <div id="n42">
      	  		<ul>
                    <li><a href="#"><img src="img/flower1.jpg" width="106" height="106"  alt=""/><br />
                            幸福的味道<br />
                        </a>￥288元</li>
                    <li><a href="#"><img src="img/flower2.jpg" width="106" height="106"  alt=""/><br />
                            阳光守护你<br />
                        </a>￥300元</li>
                    <li><a href="#"><img src="img/flower3.jpg" width="106" height="106"  alt=""/><br />
                            温情永远<br />
                        </a>￥268元</li>
                    <li><a href="#"><img src="img/flower4.jpg" width="106" height="106"  alt=""/><br />
                            爱无界<br />
                        </a>￥318元</li>
                    <li><a href="#"><img src="img/flower5.jpg" width="106" height="106"  alt=""/><br />
                            亲亲宝贝<br />
                        </a>￥368元</li>
                    <li><a href="#"><img src="img/flower6.jpg" width="106" height="106"  alt=""/><br />
                            相信是缘<br />
                        </a>￥188元</li>
                    <li><a href="#"><img src="img/flower7.jpg" width="106" height="106"  alt=""/><br />
                            水晶童话<br />
                        </a>￥198元</li>
                    <li><a href="#"><img src="img/flower8.jpg" width="106" height="106"  alt=""/><br />
                            天使之爱<br />
                        </a>￥268元</li>
                </ul>
          </div>
      </div>
          <div><img src="img/fresh.jpg" width="518" height="33"  alt=""/></div>
          <div id="n43">
          	      <ul>
                    <li><a href="#"><img src="img/flower9.jpg" width="106" height="106"  alt=""/><br />
                            亲亲宝贝<br />
                        </a></li>
                    <li><a href="#"><img src="img/flower10.jpg" width="106" height="106"  alt=""/><br />
                            相信是缘<br />
                        </a></li>
                    <li><a href="#"><img src="img/flower11.jpg" width="106" height="106"  alt=""/><br />
                            水晶童话<br />
                        </a></li>
                    <li><a href="#"><img src="img/flower12.jpg" width="106" height="106"  alt=""/><br />
                            天使之爱<br />
                        </a></li>
                </ul>
          </div>   
        <div><img src="img/tips.jpg" width="518" height="33"  alt=""/></div>
        <div id="n44">
		          <ul>
                    <li><a href="#">各种鲜花代表的含义</a></li>
                    <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
                    <li><a href="#">养花与养生之道</a></li>
                    <li><a href="#">每天清晨的第一缕阳光</a></li>
                    <li><a href="#">花香的味道</a></li>
                    <li><a href="#">世界各地关于送花的习俗</a></li>
                    <li><a href="#">种花与送花</a></li>
                    <li><a href="#">手捧一束鲜花的等待</a></li>
                </ul>  
        </div>
  </div>
</div>



</body>
</html>
